<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS3 background-size 属性</title>
    <style>
        /* background-size指定背景图像的大小。CSS3以前，背景图像大小由图像的实际大小决定。 */
        /* CSS3中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小。 */
        /* 你指定的大小是相对于父元素的宽度和高度的百分比的大小。 */

        /* 重置背景图像： */
        body {
            background: url('images/img_flwr.gif');
            background-size: 80px 60px;
            background-repeat: no-repeat;
            padding-top: 40px;
        }
    </style>
</head>

<body>
    <p>
        Lorem ipsum，中文又称“乱数假文”， 是指一篇常用于排版设计领域的拉丁文文章 ，主要的目的为测试文章或文字在不同字型、版型下看起来的效果。
    </p>

    <p>原始图片: <img src="images/img_flwr.gif" alt="Flowers" width="224" height="162"></p>

</body>

</html>